<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" http-equiv="Content-Type" content="width=device-width, initial-scale=1; charset=UTF-8">
		<link rel="stylesheet" href="css/amazeui.min.css">
		<link rel="stylesheet" href="css/Log.css"> 
		<script src="//s.amazeui.org/assets/2.x/js/jquery.min.js"></script>
		<script src="//cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
		<title>维修日志</title>
	</head>
	<body style="background: rgba(218, 215, 215, 0.55);">
	<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
	    <div class="am-header-left am-header-nav">
	        <a href="#doc-oc-demo1" data-am-offcanvas class="" >
	            <i class="am-header-icon am-icon-angle-left" style="font-size: 22px;"></i>
	        </a>
	    </div>
	    <h1 class="am-header-title">
	          	维修日志	
	    </h1>
	    <div class="am-header-right am-header-nav">
          	<a data-am-modal="{target: '#newLog'}" href="#right-link" class="">
           	     <i class="am-icon-plus-square-o am-icon-md"></i>
          	</a>
      	</div>
	</header>
	
	<div class="card-container">
		<div class="header-container">
			<div class="station-name">
				<p>淮海路第三支行</p>
			</div>
			<div class="time">
				<p>02/24 09:39</p>
			</div>
		</div>
		<div class="content-container">
			<div class="text_container">
				<p>33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333</p>
			</div>
			<div class="img_container">
				<div class="am-g" style="margin-bottom : 10px;">
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
				</div>
				<div class="am-g" style="margin-bottom: 10px;">
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
				</div>
				<div class="am-g" style="margin-bottom: 10px;">
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
					<div class="am-u-sm-4">
						<img src="img/test.jpg" class="am-img-responsive" />
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="am-modal am-modal-no-btn" tabindex="-1" id="newLog">
	  	<div class="am-modal-dialog">
	   	 	<div class="am-modal-hd"  style="background: #f04f4f;color: white;">修改
	      		<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
	    	</div>
	    	<div class="am-modal-bd" style="margin-top: 10px;">
	     		<form  action="/r/NewEvent" method="post" class="am-form">
	     			<div class="am-form-group" style="text-align: -webkit-auto;">
	     				<label>内容</label>
	     				<textarea name="event_description" class="" rows="5" id="doc-ta-1" required="required"></textarea>
	     				<label>图片详情(最多选择4张)</label>
	     				<input name="pic_address" type="text" name="fileAddr" id="fileAddr" style="display: none;"/>
	     				<input type="text" id='dirname' style="display: none;" size=50>
	     				<div id="localImag1" class="am-g">
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_1" class="am-img-responsive" src=""/>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_2" class="am-img-responsive" src=""/>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_3" class="am-img-responsive" src=""/>
	     					</div>
	     				</div>
	     				<div id="localbtn1" class="am-g">
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_1" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,1)">删除</a>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_2" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,2)">删除</a>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_3" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,3)">删除</a>
	     					</div>
	     				</div>
	     				
	     				<div id="localImag2" class="am-g" style="margin-top: 10px;">
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_4" class="am-img-responsive" src=""/>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_5" class="am-img-responsive" src=""/>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_6" class="am-img-responsive" src=""/>
	     					</div>
	     				</div>
	     				<div id="localbtn1" class="am-g">
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_4" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,4)">删除</a>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_5" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,5)">删除</a>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_6" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,6)">删除</a>
	     					</div>
	     				</div>
	     				
	     				<div id="localImag3" class="am-g" style="margin-top: 10px;">
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_7" class="am-img-responsive" src=""/>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_8" class="am-img-responsive" src=""/>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<img id="preImg_9" class="am-img-responsive" src=""/>
	     					</div>
	     				</div>
	     				<div id="localbtn1" class="am-g">
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_7" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,7)">删除</a>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_8" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,8)">删除</a>
	     					</div>
	     					<div class="am-u-sm-4" style="padding-left: 0.5rem;padding-right: 0.5rem;">
	     						<a id="prebtn_9" class="delbtn" style="width: 100%;display: none;" onclick="remove_upload_img(uploader,9)">删除</a>
	     					</div>
	     				</div>
	     				
	     				<div id="container" style="margin-top: 5px;">
							<a id="selectfiles" href="javascript:void(0);" class='btn'>选择文件</a>
							<a id="postfiles" href="javascript:void(0);" class='btn' style="display: none;">开始上传</a>
						</div>
	     				
	     				<a class="btn" style="margin-top: 10px;width: 100%;" onclick="Img_upload()">提交</a>
	     				<button id="submitBtn" type="submit" style="display: none;"></button>
	     			</div>
	     		</form>
	    	</div>
	  	</div>
	</div>
	
	
	</body>
	<script type="text/javascript" src="js/lib/crypto1/crypto/crypto.js"></script>
	<script type="text/javascript" src="js/lib/crypto1/hmac/hmac.js"></script>
	<script type="text/javascript" src="js/lib/crypto1/sha1/sha1.js"></script>
	<script type="text/javascript" src="js/lib/base64.js"></script>
	<script type="text/javascript" src="js/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
	<script type="text/javascript" src="js/upload2.js"></script>
	<script type="text/javascript">
		function Img_upload(){
			console.log("aaa");
			if(uploader.files.length >= 1){
				document.getElementById("postfiles").click();
			}else{
				document.getElementById("submitBtn").click();
			}	
		}
	</script>
	
</html>
